<html>
<head>
	<meta charset="UTF-8">
	<title>text-shadow</title>
	<style type="text/css">
		.demo {
		    background: #666666;
		    width: 440px;
		    padding: 10px;
		    font: bold 55px/100% "微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;;
		    color: #fff;
		    margin: 10px;
		 }
		.text-effect1 {
			text-shadow: 0 0 20px red;
		}
		.text-effect2 {
			color: #000;
  			text-shadow: 0 1px 1px #fff;
		}
		.text-effect3 {
			color: #ccc;
  			text-shadow: -1px -1px 0 #fff,1px 1px 0 #333,1px 1px 0 #444;
		}
	</style>
</head>
<body>
	<p class="demo text-effect1">成为更好的自己</p>
	<p class="demo text-effect2">成为更好的自己</p>
	<p class="demo text-effect3">成为更好的自己</p>
</body>
</html>